@import url('reset.css');

#body {
	background-color: #f5f9ff;
}

#container {

}

/*CONFIGURACION DEL HEADER*/
#header {
	margin-top: 5px;
	height: 100px;
	background-color: green;
}

#logo {	
	height: 100px;
	width: 300px;
    background: green url(../images/logo.png) no-repeat bottom;
	display:inline-block;
}


#insideHeader{
	width: 960px;
    	height: inherit;
	margin-left: auto;
	margin-right: auto;
}


#menu {
	height: 100px;
	display:inline-block;
}

.menuItem {
	background: url(../images/menu_icons.png) no-repeat 0 0;
	height: 70px;
	width: 60px;
	display:inline-block;
    	text-indent: -9999px;
    	overflow: hidden;
}	

.menuItem a {
    display: block;
    width: inherit;
    height: inherit;
}

.menuItem:hover, .menuItem.active {
	border-radius: 20px 20px 0px 0px;
	background: #fff url(../images/menu_icons.png) no-repeat 0 0;
}

#miPerfil {
    background-position: 0px 0px;
}
#miPerfil:hover, #miPerfil.active{
    background-position: 0px -52px;
}
#agenda {
    background-position: -66px 0px;
}
#agenda:hover, #agenda.active {
    background-position: -66px -52px;
}
#busqueda {
    background-position: -130px 0px;
}
#busqueda:hover, #busqueda.active {
    background-position: -130px -52px;
}
#userInfo {
	height: 100px;
	width: 300px;
	/*background-color: grey;*/
	display:inline-block;
	float:right;	
}
#social {
    background: url(../images/social.png) no-repeat top;
    display: block;
    height: 50px;
    width: 100px;
}

/* CONFIGURACION DEL MAIN */
#main {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:50px;
    	min-height: 440px;
    	background: #fff;
}

.negrita {
    font-weight: bold;
}





#footer {
    margin-bottom: 0px;
    background: green;
    width: 100%;
    height: 100px;
}


